@import "./variables.scss";
@import "./mixin.scss";
@import "./transition.scss";
@import "./element-ui.scss";

body {
  height                 : 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing : antialiased;
  text-rendering         : optimizeLegibility;
  // font-family            : Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
  //   Microsoft YaHei, Arial, sans-serif;
}

ul {
  list-style-type: none;
}

label {
  font-weight: 700;
}

html {
  height    : 100%;
  box-sizing: border-box;
}

#app {
  height    : 100%;
  // min-width : 1920px;
  overflow: hidden;
  // overflow-x: scroll;

  &::-webkit-scrollbar {
    // 滚动条的背景
    width     : 16px;
    background: transparent;
    height    : 14px;
  }

  &::-webkit-scrollbar-track,
  &::-webkit-scrollbar-thumb {
    border-radius: 999px;
    width        : 20px;
    border       : 5px solid transparent;
  }

  &::-webkit-scrollbar-track {
    // box-shadow: 1px 1px 5px #191a37 inset;
  }

  &::-webkit-scrollbar-thumb {
    //滚动条的滑块样式修改
    width          : 20px;
    min-height     : 20px;
    background-clip: content-box;
    box-shadow     : 0 0 0 5px #cdd2e5 inset;
  }

  &::-webkit-scrollbar-corner {
    background-image: linear-gradient(#cdd2e5,
        #cdd2e5),
      linear-gradient(#ebebeb,
        #ebebeb);
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor         : pointer;
  color          : inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix {
  &:after {
    visibility: hidden;
    display   : block;
    font-size : 0;
    content   : " ";
    clear     : both;
    height    : 0;
  }
}